<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>婚姻测算-知命</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css"/>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="__PUBLIC__/js/datePicker.js"></script>
    <script src="__PUBLIC__/js/rem.js"></script>
    <style>
        .bg_wrap{background-color: #fff;padding:10px 0 1px;}
        .teacher_intro {padding: 0 10px 10px;}
        .teacher_intro img {display: block;width: 100%;}
        .public_title, .public_title_1 {
            margin: 0 5%;
            background-image: url('__PUBLIC__/images/hunyincesuan/title_bg.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            height: 32px;
            line-height: 32px;
            color: #fff;
            text-align: center;
        }
        .ishr{height:20px;background-color:#F3DDCE;margin:20px 0;}
        .know_info {padding: 10px 0;}
        .ki_txt {
            text-align: center;
            color: #484848;
            padding: 0 10px 10px;
            font-size: 16px;
        }
        .ki_img,.oti_img {width: 100%;display: block;}
    </style>
</head>
<body>
    <include file="Public/header"/>
    <div class="zm_banner">
        <img src="__PUBLIC__/images/hunyincesuan/banner.jpg" width="100%"/>
    </div>
    <div class="bg_warp">
        <div class="teacher_intro">
            <p><img src="__PUBLIC__/images/hunyincesuan/hdimg.png"></p>
        </div>
    </div>
    <div class="public_title" id="formtl">立马为你揭开姻缘奥秘</div>
    <form id="_form" class="zm_form" action="<!--{:U('Hycs/hycs_zhifu')}-->" method="post">
        <div class="zm_form_wrap">
            <ul>
                <li>
                    <div class="form_left">您的姓名</div>
                    <div class="form_auto">
                        <input type="text" class="bg_no" id="username" name="username" placeholder="请输入名字(必须汉字)" />
                    </div>
                </li>
                <li>
                    <div class="form_left">您的性别</div>
                    <div class="form_auto">
                        <span class="on" id="but_man" data-value="1">
                            <i></i>
                            <font>男</font>
                        </span>
                        <span id="but_woman" data-value="0">
                            <i></i>
                            <font>女</font>
                        </span>
                        <input type="hidden" id="sex" name="gender" value="1"/>
                    </div>
                </li>
                <li>
                    <div class="form_left">出生日期</div>
                    <div class="form_auto">
                        <input type="text" class="Js_date" id="datetime" data-date="1985-04-18-7" name="birthday" placeholder="请选择日期" value="" readonly=""/>
                    </div>
                </li>
                <li>
                    <div class="form_left">出生时辰</div>
                    <div class="form_auto">
                        <select class="sel" name="hour">
                            <option value="0" selected="">时辰不清楚</option>
                            <option value="0">子时（23点-0点）</option>
                            <option value="2">丑时（1点-2点）</option>
                            <option value="4">寅时（3点-4点）</option>
                            <option value="6">卯时（5点-6点）</option>
                            <option value="8">辰时（7点-8点）</option>
                            <option value="10">巳时（9点-10点）</option>
                            <option value="12">午时（11点-12点）</option>
                            <option value="14">未时（13点-14点）</option>
                            <option value="16">申时（15点-16点）</option>
                            <option value="18">酉时（17点-18点）</option>
                            <option value="20">戌时 （19点-20点）</option>
                            <option value="22">亥时（21点-22点）</option>
                        </select>
                    </div>
                </li>
                <li>
                    <div class="form_left">感情现状</div>
                    <div class="form_auto">
                        <select class="sel" name="emotion">
                            <option value="单身" selected>单身</option>
                            <option value="交往中">交往中</option>
                            <option value="已婚">已婚</option>
                        </select>
                    </div>
                </li>
                <li>
                    <div class="form_left">子女现状</div>
                    <div class="form_auto">
                        <select class="sel" name="childrens">
                            <option value="无子女" selected>无子女</option>
                            <option value="有子女">有子女</option>
                        </select>
                    </div>
                </li>
                <li>
                    <div class="form_left">事业现状</div>
                    <div class="form_auto">
                        <select class="sel" name="enterprise">
                            <option value="普通职员" selected>普通职员</option>
                            <option value="主管">主管</option>
                            <option value="老板">老板</option>
                            <option value="待业中">待业中</option>
                            <option value="家庭主妇/主男">家庭主妇/主男</option>
                            <option value="其他">其他</option>
                        </select>
                    </div>
                </li>
            </ul>
        </div>
        <div class="agreement">
            <input type="checkbox" id="yes" value="" checked/>同意
            <a href="javascript:;" style="color:#ff8b58" id="ppb_block">个人隐私协议</a>
        </div>
        <a href="javascript:;" class="cs_btn">立即测算</a>
        <div class="form_bottom">
            已有<b><!--{$Think.session.hycscs}--></b>人测算

        </div>
    </form>
    <div class="ishr"></div>
    <div class="public_title">命定姻缘知多少</div>
    <div class="know_info">
        <p class="ki_txt">面对未知婚姻存在的迷惑</p>
        <img class="ki_img" src="__PUBLIC__/images/hunyincesuan/0_img_1.jpg" alt="">
    </div>
    <div class="ishr"></div>
    <div class="public_bg_wrap mt10">
        <div class="public_title">婚姻测算看终身</div>
        <div class="know_info">
            <img class="ki_img" src="__PUBLIC__/images/hunyincesuan/0_img_2.jpg" alt="">
        </div>
    </div>
    <div class="ishr"></div>
    <div class="public_bg_wrap mt10">
        <div class="public_title">客户反馈</div>
        <div class="know_info">
            <img class="ki_img" src="__PUBLIC__/images/hunyincesuan/0_img_3.jpg" alt="">
        </div>
    </div>
    <div class="ishr"></div>
    <div class="hot_cs">

        <include file="Public/zhiming" />

    </div>
    <div class="ppb_bg" id="ppb">
        <div class="ppb_content">
            <div class="ppb_title">个人隐私协议</div>
            <include file="Public/agreement" />
            <div class="ppb_del" id="ppb_none"><b>关闭</b></div>
        </div>
    </div>
    <footer class="footer_severs">

        <include file="Public/bottom-index" />

    </footer>
    <div class="fiex_bt" id="fiex">
        <a href="#formtl">立即测算</a>
    </div>
    
    <script>
         $(".cs_btn").on('click',function(){
            if($("[name='username']").val() == ""){
                layer.msg("请输入您的名字");
                return false;
            }else if($("[name='username']").val().length < 2){
                    layer.msg("姓名长度不能少于2");
                    return false;
            }
            var patrn= /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
            if(!patrn.exec($("[name='username']").val())){
                layer.msg("请输入中文名字");
                return false;
            }
            if($("[name='birthday']").val() == ""){
                layer.msg("请选择生时");
                return false;
            }
            if(!$("#yes").prop('checked')){
                layer.msg("您未同意个人隐私协议");
                return false;
            }
            var oli = layer.load();
            setTimeout(function(){
                layer.closeAll('loading');
                layer.msg('订单提交成功', {icon: 1});
                setTimeout(function(){
                    $('#_form').submit();
                },1300);
            },1000);
        });
         
    </script>
</body>
</html>